<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>证书详情</title>
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/plugs/DataTables/css/jquery.dataTables.css">
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/plugs/layui/css/layui.min.css">
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/css/dgg-iboss.min.css">
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/css/dgg-plugs.min.css">
    <link rel="stylesheet" href="../../css/aptitudes.min.css">
</head>
<body>
<div class="body-main">
    <!--证书信息 start-->
    <div class="finan-panel">
        <div class="finan-tit">
            <b>证书信息</b>
        </div>
        <div class="panel-table">
            <form action="">
                <table class="layui-table table-info">
                    <tbody>
                    <tr>
                        <th>证书类型</th>
                        <td>建造师</td>
                        <th>证书专业</th>
                        <td>水利水电工程</td>
                        <th>证书级别</th>
                        <td>二级</td>
                        <th>地区</th>
                        <td>成都</td>
                    </tr>
                    <tr>
                        <th>证书编号</th>
                        <td>川251141516149</td>
                        <th>证书过期时间</th>
                        <td>2019-10-10</td>
                        <th>合同签订时间</th>
                        <td>2018-01-01</td>
                        <th>适用范围</th>
                        <td>全国</td>
                    </tr>
                    <tr>
                        <th>三类证书</th>
                        <td>B</td>
                        <th>三类证书到期时间</th>
                        <td>2019-10-10</td>
                        <th>收证价格</th>
                        <td>5000元</td>
                        <th>证书总价(挂出价格)</th>
                        <td>10000元</td>
                    </tr>
                    <tr>
                        <th>类别</th>
                        <td>初始</td>
                        <th>证书名称</th>
                        <td>XXXXXXX</td>
                        <th></th>
                        <td></td>
                        <th></th>
                        <td></td>
                    </tr>
                    </tbody>
                </table>
            </form>
        </div>
    </div>
    <!--证书信息 end-->
    <!--收证信息 start-->
    <div class="finan-panel">
        <div class="finan-tit">
            <b>收证信息</b>
        </div>
        <div class="panel-table">
            <table class="layui-table table-info">
                <tbody>
                <tr>
                    <th>收证商务</th>
                    <td>陈艳平71234567</td>
                    <th>合同编号</th>
                    <td>XXXXXXXXXXX</td>
                    <th>是否代签</th>
                    <td>否</td>
                    <th>证书录入时间</th>
                    <td>2018-06-18</td>
                </tr>
                <tr>
                    <th>持证人姓名</th>
                    <td>张三</td>
                    <th>身份证号码</th>
                    <td>5101011198110101389</td>
                    <th>联系电话</th>
                    <td>185****7378</td>
                    <th>微信号码</th>
                    <td>XXXXX</td>
                </tr>
                <tr>
                    <th>收款户名</th>
                    <td>XXX</td>
                    <th>收款账号</th>
                    <td>XXXXXXXXXXXXXXXXX</td>
                    <th>开户行</th>
                    <td>中国银行</td>
                    <th>是否有身份证</th>
                    <td>是</td>
                </tr>
                <tr>
                    <th>定金</th>
                    <td>2000</td>
                    <th>定金支付时间</th>
                    <td>2018-06-18</td>
                    <th>尾款</th>
                    <td>10000</td>
                    <th>尾款支付时间</th>
                    <td>2018-08-18</td>
                </tr>
                <tr>
                    <th>是否有资格证书</th>
                    <td>否</td>
                    <th>是否有毕业证书</th>
                    <td>否</td>
                    <th>是否有信息卡</th>
                    <td>否</td>
                    <th>是否集团归档</th>
                    <td>否</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!--收证信息 end-->
    <!--证书状态 start-->
    <div class="finan-panel">
        <div class="finan-tit">
            <b>证书状态</b>
        </div>
        <div class="panel-table">
            <table class="layui-table table-info">
                <tbody>
                <tr>
                    <th>是否有资格证书</th>
                    <td>已使用</td>
                    <th>在库状态</th>
                    <td>在库</td>
                    <th>最新出库时间</th>
                    <td>2018-01-01</td>
                    <th>最新入库时间</th>
                    <td>2018-08-18</td>
                </tr>
                <tr>
                    <th>人才合同到期时间</th>
                    <td>2018-01-03</td>
                    <th>企业合同到期时间</th>
                    <td>2018-01-05</td>
                    <th>使用公司</th>
                    <td>XXXX有限公司</td>
                    <th>使用起始时间</th>
                    <td>2018-08-18</td>
                </tr>
                <tr>
                    <th>使用到期时间</th>
                    <td>2018-01-03</td>
                    <th>三类使用公司</th>
                    <td>XXXX有限公司</td>
                    <th>三类使用起始时间</th>
                    <td>2018-01-01</td>
                    <th>三类使用到期时间</th>
                    <td>2018-08-18</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <!--证书状态 end-->
    <!--附件信息 start-->
    <div class="finan-panel">
        <div class="finan-tit">
            <b>附件信息</b>
        </div>
        <div class="panel-main">
            <ul class="data-warp" id="previewImg">
                <li title="lADOrfgrlc0DhM0FoA_1440_900.jpg">
                    <div class="data-img">
                        <div class="center">
                            <img class="layui-upload-img" src="http://temp.im/70x60/0ff/d00" layer-src="http://temp.im/700x600/0ff/d00">
                        </div>
                    </div>
                    <button type="button" class="layui-btn layui-btn-mini">下载图片</button>
                    <p>下载次数：0</p>
                </li>
                <li title="lADOrfgrlc0DhM0FoA_1440_900.jpg">
                    <div class="data-img">
                        <div class="center">
                            <img class="layui-upload-img" src="http://temp.im/70x60/0ff/d00" layer-src="http://temp.im/1200x800/0ff/d00">
                        </div>
                    </div>
                    <button type="button" class="layui-btn layui-btn-mini">下载图片</button>
                    <p>下载次数：0</p>
                </li>
                <li title="lADOrfgrlc0DhM0FoA_1440_900.jpg">
                    <div class="data-img">
                        <div class="center">
                            <img class="layui-upload-img" src="http://temp.im/70x60/eee/d00" layer-src="http://temp.im/800x1000/0ff/d00">
                        </div>
                    </div>
                    <button type="button" class="layui-btn layui-btn-mini">下载图片</button>
                    <p>下载次数：0</p>
                </li>
            </ul>
        </div>
    </div>
    <!--附件信息 end-->
    <div class="tab-panel layui-tab">
        <ul class="tab-tit layui-tab-title">
            <li class="layui-this"><a href="javascript:void(0)">历史记录</a></li>
            <li><a href="javascript:void(0)">收支记录</a></li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <div class="record-warp">
                    <select class="select-style">
                        <option>分配</option>
                        <option>放款</option>
                        <option>下单</option>
                    </select>
                </div>

                <table class="layui-table">
                    <thead>
                    <tr><th>操作人</th>
                        <th>操作类型</th>
                        <th>操作时间</th>
                        <th>所属订单</th>
                        <th>备注</th>
                    </tr></thead>
                    <tbody>
                    <tr>
                        <td>李四4123456</td>
                        <td>入库</td>
                        <td>2018-01-01</td>
                        <td></td>
                        <td>【入库原因】人才借用归还</td>
                    </tr>
                    <tr>
                        <td>李四4123456</td>
                        <td>出库</td>
                        <td>2018-01-01</td>
                        <td></td>
                        <td>【出库原因】人才借用</td>
                    </tr>
                    <tr>
                        <td>李四4123456</td>
                        <td>解除使用</td>
                        <td>2018-01-01</td>
                        <td>生产订单编号：SC4564567</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>李四4123456</td>
                        <td>使用</td>
                        <td>2018-01-01</td>
                        <td>生产订单编号：SC4564567</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>李四4123456</td>
                        <td>匹配</td>
                        <td>2018-01-01</td>
                        <td>生产订单编号：SC4564567</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>李四4123456</td>
                        <td>预订</td>
                        <td>2018-01-01</td>
                        <td>生产订单编号：SC4564567</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>李四4123456</td>
                        <td>新增入库</td>
                        <td>2018-01-01</td>
                        <td>订单编号：DD123456789</td>
                        <td></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="layui-tab-item">
                <div class="record-warp">
                    <select class="select-style">
                        <option>分配</option>
                        <option>放款</option>
                        <option>下单</option>
                    </select>
                </div>
                <ul class="business-info">
                    <li><b>支付金额合计：</b>5000</li>
                    <li><b>收款金额合计：</b>30000</li>
                </ul>
                <table class="layui-table">
                    <thead>
                    <tr><th>所属订单</th>
                        <th>收支类型</th>
                        <th>时间</th>
                        <th>金额（元）</th>
                        <th>备注</th>
                    </tr></thead>
                    <tbody>
                    <tr>
                        <td>生产订单编号：SC4564567</td>
                        <td>李四4123456</td>
                        <td>入库</td>
                        <td>2018-01-01</td>
                        <td>【入库原因】人才借用归还</td>
                    </tr>
                    <tr>
                        <td>生产订单编号：SC4564567</td>
                        <td>李四4123456</td>
                        <td>出库</td>
                        <td>2018-01-01</td>
                        <td>【出库原因】人才借用</td>
                    </tr>
                    <tr>
                        <td>生产订单编号：SC4564567</td>
                        <td>李四4123456</td>
                        <td>解除使用</td>
                        <td>2018-01-01</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>生产订单编号：SC4564567</td>
                        <td>李四4123456</td>
                        <td>使用</td>
                        <td>2018-01-01</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>生产订单编号：SC4564567</td>
                        <td>李四4123456</td>
                        <td>匹配</td>
                        <td>2018-01-01</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>生产订单编号：SC4564567</td>
                        <td>李四4123456</td>
                        <td>预订</td>
                        <td>2018-01-01</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>订单编号：DD123456789</td>
                        <td>李四4123456</td>
                        <td>新增入库</td>
                        <td>2018-01-01</td>
                        <td></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<script src="https://tstatic.dgg.net/static/plugs/jquery/jquery-1.9.1.min.js"></script>
<script src="https://tstatic.dgg.net/static/plugs/layui/layui.all.js"></script>
<script>
    //调用示例
    layer.photos({
        photos: '#previewImg'
        ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
    });
</script>
</body>
</html>